<ul
	[ngClass]="{
		nav: true,
		'nav-tabs m-tabs-line': appearance === 'tab',
		'nav-pills m-nav-pills--btn-pill': appearance === 'pill'
	}"
>
	<li class="nav-item m-tabs__item" *ngFor="let nav of data">
		<ng-container *ngIf="nav.link; else elseRef">
			<a class="nav-link m-tabs__link " [routerLink]="nav.link" [routerLinkActive]="'active'">{{ nav.label }}</a>
		</ng-container>
		<ng-template #elseRef>
			<a class="nav-link m-tabs__link" [class.active]="value === nav?.value" (click)="change(nav.value)">
				{{ nav.label }}
			</a>
		</ng-template>
	</li>
</ul>
